<template>
    <div class="m-detail">
      <ul class="function-list-app clearfix">
        <li>
          <a href="javascript:;" class="gogift">
            <img src="https://api.10street.cn/wap/images/member/giftCenter.png" />
            <div>
              <span>礼物订单</span>
              <em>礼物新玩法</em>
            </div>
          </a>
        </li>
        <li>
          <a class="distribution">
            <img src="https://api.10street.cn/wap/images/member/partner_icon.png" />
            <i></i>
            <div>
              <span>推荐达人</span>
              <em>分享赚钱</em>
            </div>
          </a>
        </li>
        <li>
          <a class="recommoned">
            <img src="https://api.10street.cn/wap/images/member/recommend_icon.png" />
            <i></i>
            <div>
              <span>悬赏任务</span>
              <em>我的推荐</em>
            </div>
          </a>
        </li>
        <div id="partnerId">
          <div class="realNameMask" style="display: none;"></div>
          <div class="realNamePromptContent" style="height: 5rem; display: none;">
            <div style="text-align: center;">
              下载十号街APP
              <br />享更多合伙人专属特权
            </div>
            <p>下载App</p>
          </div>
        </div>
      </ul>
    </div>
</template>

<script>
export default {};
</script>

<style lang="stylus" scoped>
.m-detail
  background #fff
  margin 0 0.1rem
  border-radius 0.06rem
  ul  
    display flex
    padding 0.1rem 0
    li 
      width 33.33%
      text-align center
      a 
        position relative
        display block
        width 100%  
        img 
          width 0.44rem
        em 
          display block
          font-size 0.14rem
          color #9e9e9e
        span 
          font-size 0.16rem
          color #333333
        i 
          position  absolute 
          left  0 
          top  0 
          bottom  0 
          margin  auto 
          width  0.22px 
          height  0.3rem 
          background  #E7E7E7
</style>